<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

</h:head>
<body>
	<h:form id="frmCadGrupo">
		<br />
		<h3 style="margin-top: 0">CADASTRO DE GRUPO</h3>
		<div align="left">
			<p:commandButton value="Novo" actionListener="#{grupoBean.novo}"
				ajax="grid" />

			<p:commandButton value="Salvar" disabled="#{grupoBean.sal}"
				actionListener="#{grupoBean.salvar}" ajax="grid" />

			<p:commandButton value="Alterar" disabled="#{grupoBean.alt}"
				actionListener="#{grupoBean.alterar}" ajax="grid" />

			<p:commandButton value="Excluir" disabled="#{grupoBean.rem}"
				actionListener="#{grupoBean.remover}" ajax="grid" />

			<p:commandButton id="consulta" value="Consulta"
				action="#{pesquisaGrupoBean.abrirDialogo}">
				<p:ajax event="dialogReturn" listener="#{grupoBean.grupoSelecionado}" update="frmCadGrupo"/>
			</p:commandButton>

			<p:commandButton value="Cancelar"
				actionListener="#{grupoBean.cancelar}" ajax="grid" />
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />


			<h:panelGrid id="grid" columns="2" columnClasses="label, value">
				
					Código do Grupo:
					<p:inputText id="idGrup" disabled="true"
					value="#{grupoBean.grupo.idGrupo}" />
		
					Descrição:
					<p:inputText id="desc" value="#{grupoBean.grupo.descricao}"
					maxlength="100" size="30" disabled="#{grupoBean.desc}" />

				<p:commandButton id="vincSubGrupo" value="Incluir SubGrupo"
					disabled="#{grupoBean.vig}" onclick="PF('dlg2').show();" />

			</h:panelGrid>

			<h:panelGrid id="gridData1" columns="1">
				<p:blockUI block="gridData1" trigger="gridData1" />
				<p:dataTable id="listGrupo" value="#{grupoBean.listaSubGrupoExib}"
					paginator="true" rows="6" var="subGrupo">

					<p:column headerText="Codigo do SubGrupo">
						<h:outputText value="#{subGrupo.idSubGrupo}" />
					</p:column>

					<p:column headerText="Descrição do SubGrupo">
						<h:outputText value="#{subGrupo.descricao}" />
					</p:column>

					<p:column headerText="Excluir">
						<p:commandLink id="linkExcluir" value="Excluir" ajax="dialog2"
							action="#{grupoBean.removiSub}" update="data1">
							<f:setPropertyActionListener value="#{subGrupo.idSubGrupo}"
								target="#{grupoBean.idSub}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>
				<p:blockUI block="listGrupo" trigger="listGrupo">
        				LOADING<br />
					<p:graphicImage name="ajaxloader.gif" />
				</p:blockUI>
			</h:panelGrid>

			<p:dialog id="dialog2" header="SubGrupo" widgetVar="dlg2"
				modal="true" height="100" width="400">

				<h:panelGrid id="gridSub" columns="2" columnClasses="label, value">
				
					SubGrupo:
					<p:selectOneMenu id="subGrupoChk" style="width:265px;"
						value="#{grupoBean.subGrupo}">
						<f:selectItem itemLabel="Selecione um SubGrupo" />
						<f:selectItems value="#{grupoBean.listaSubGrupo}"
							var="lisSubGrupo" itemValue="#{lisSubGrupo}"
							itemLabel="#{lisSubGrupo.idSubGrupo} - #{lisSubGrupo.descricao}" />
					</p:selectOneMenu>

				</h:panelGrid>

				<p:tooltip id="toolTipAliq" for="subGrupoChk"
					value="Exibição 'Código' - 'Descrição'" showEffect="clip"
					hideEffect="explode" />

				<p:commandButton id="btnIncluir" value="Incluir"
					actionListener="#{grupoBean.incluirSub}"
					update="gridSub, listGrupo, subGrupoChk" />
			</p:dialog>
		</div>
	</h:form>
</body>
</html>
